<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<!--

  Created using /
  Source can be edited via /aroqab/2/edit

-->
  <head>
<!--    <meta http-equiv="content-type" content="text/html; charset=utf-8" />-->
    
    <title>DataTables live example</title>
<!--  <style type="text/css">
      @import "/media/css/demo_page.css";
      @import "/media/css/demo_table.css";
    </style>-->
<!--    <script type="text/javascript" language="javascript" src="/media/js/jquery.js"></script>-->
<!--    <script class="jsbin" src="http://datatables.net/download/build/jquery.dataTables.nightly.js"></script>-->
    
<!--  <style type="text/css" media="screen">
/*			@import "/media/css/site_jui.ccss";
			@import "/release-datatables/media/css/demo_table_jui.css";
			@import "/media/css/jui_themes/smoothness/jquery-ui-1.7.2.custom.css";*/
			
			/*
			 * Override styles needed due to the mix of three different CSS sources! For proper examples
			 * please see the themes example in the 'Examples' section of this site
			 */
			.dataTables_info { padding-top: 0; }
			.dataTables_paginate { padding-top: 0; }
			.css_right { float: right; }
			#example_wrapper .fg-toolbar { font-size: 0.8em }
			#theme_links span { float: left; padding: 2px 10px; }
			#example_wrapper { -webkit-box-shadow: 2px 2px 6px #666; box-shadow: 2px 2px 6px #666; border-radius: 5px; }
			#example tbody {
				border-left: 1px solid #AAA;
				border-right: 1px solid #AAA;
			}
			#example thead th:first-child { border-left: 1px solid #AAA; }
			#example thead th:last-child { border-right: 1px solid #AAA; }
		</style>  -->
  </head>
  
  <body id="dt_example">
    <div id="container">
      <h1>Clientes</h1>

      <table cellpadding="0" cellspacing="0" border="0" class="display" id="example">
        <thead>
          <tr>
            <th>Rendering engine</th>
            <th>Browser</th>
            <th>Platform(s)</th>
            <th>Engine version</th>
            <th>CSS grade</th>
          </tr>
        </thead>
        <tbody>
            <?php foreach ($this->clientesEntreFechas as $cliente): ?>
                <tr class="odd gradeX">
                    <td><?php echo $cliente->getApellido(); ?></td>
                    <td><?php echo $cliente->getNombre(); ?></td>
                    <td><?php echo $cliente->getNroDocumento(); ?></td>
                    <td><?php echo $cliente->getSexo() == 1 ? 'Femenino' : 'Masculino'; ?></td>
                    <td><?php echo $this->clienteDao->calculoEdad($cliente->getFechaNacimiento()->format('Y-m-d')); ?></td>
                    <td><?php echo $cliente->getFechaPrimerIngreso()->format('d/m/Y'); ?></td>
                   
<!--                    <td>Trident</td>
                    <td>Internet Explorer 4.0</td>
                    <td>Win 95+</td>
                    <td class="center"> 4</td>
                    <td class="center">X</td>-->
                </tr>
           <?php endforeach; ?>
        </tbody>
        <tfoot>
          <tr>
            <th>Rendering engine</th>
            <th>Browser</th>
            <th>Platform(s)</th>
            <th>Engine version</th>
            <th>CSS grade</th>
          </tr>
        </tfoot>
      </table>

    </div>
  <script>
/* 
 * Example init
 */
$(document).ready(function() {
    oTable = $('#example').dataTable({
        "bJQueryUI": true,
        "sPaginationType": "full_numbers"
    });
} );
</script>
</body>
</html>